<template>
	<view class="container">
		<tui-navigation-bar @init="initNavigation" :scrollTop="scrollTop" backgroundColor="#fff" color="#333" :title="pageTitle" :fontWeight="600"
			:isShowTitle="true">
			<view class="tui-header" :style="{ marginTop: navBarTop + 'px' }">
				<view class="get-back dy-iconfont icon-qiehuanqizuo" @click="goBack('pages/user/index')"></view>
			</view>
		</tui-navigation-bar>
		<view class="main" v-if="loading" :class="{'main-foot':['2010','3010','3020','3030','6010','2011','3011'].includes(details.newOrderStatus)}">
			<view class="content-component notice-bar" :class="{'notice-bar-duan':!headers.brief}">
				<image class="notice-icon" :src="headers.image"></image>
				<view class="text-box">
					<view class="title">{{headers.title}}</view>
					<view class="brief" v-if="headers.brief">{{headers.brief}}</view>
				</view>
				<view v-if="details.reviewComments && details.newOrderStatus == 2060" class="check-cause" @tap.stop.prevent="onReject">查看原因</view>
				<!-- <uv-notice-bar color="#222222" :fontSize="11" :icon="false" bgColor="none" :text="noticeBar"
					direction="column" @onReject="onReject" :reject="details.reviewComments" :duration="4000"
					:userStatus="userStatus"></uv-notice-bar> -->
			</view>
			<view class="call-police">
				<text>平台倡导绿色、和谐、正能量的线下活动，若您发现活动存在风险或对方行为违规，邀您及时拨打下方客服电话反馈或一键报警。</text>
				<button class="btn-primary btn-call-police" @tap.stop.prevent="callPolicePop">点击报警</button>
			</view>
			<view class="content-component">
				<view class="order-title">
					<text style="flex-shrink: 0;">{{userStatus == 0 ? '派给': '来自'}}</text>
					<text @tap.stop.prevent="clickHead(details)" class="name onelist-hidden">「<text
							style="color: #396DE8;">{{userStatus == 0 ? details.receiveUserNickName : details.userNickName}}</text>
					</text><text>」</text>
					<text style="flex-shrink: 0; margin-right: 12rpx;">的订单</text>
					<uv-icon name="info-circle" color="#BBBCBB" size="30rpx" @click="showTip"></uv-icon>
				</view>
				<view class="order-list">
					<template v-for="(item,index) in detailsList">
						<view class="order-item" v-if="item.serviceType == 0 && item.isShow" :key="item.id" @tap.stop.prevent="goAddres(details,item)">
							<view class="title">{{item.name}}:</view>
							<view class="value-box" :class="item.id">
								<text class="value"
									user-select>{{item.id == 'couponPrice'?'-':''}}{{['pengActualPrice', 'orderPrice', 'couponPrice', 'actualPrice','splitAmount'].includes(item.id) ? '￥' : ''}}{{item.value}}{{item.id == 'pengActualPrice'?detailsList[3].serviceType == 0?'/小时':'/次':''}}</text>
								<text class="copy" @tap.stop="copy(item.value)" v-if="index == 0">| 复制</text>
							</view>
						</view>
					</template>
				</view>
				<button class="btn-primary btn-contact" open-type="contact">联系客服</button>
			</view>
			<!-- 底部导航 -->
			<view class="foot-info" v-if="['2010','3010','3020','3030','6010','2011','3011'].includes(details.newOrderStatus)">
				<button v-if="details.newOrderStatus == '2010'" class="btn-primary btn-custom" @tap.stop.prevent="cancellationOorder">取消订单</button>
				<!-- 			<button
					v-if="details.newOrderStatus == '3010' || details.newOrderStatus == '3020' || details.newOrderStatus == '2010'"
					class="btn-primary btn-custom" @tap.stop.prevent="contactHim(details.receiveUserId)">联系碰头人</button> -->

				<!-- 				<button v-if="details.newOrderStatus == '3011' || details.newOrderStatus == '2011'"
					class="btn-primary btn-custom" @tap.stop.prevent="contactHim(details.userId)">联系对方</button> -->

				<button v-if="details.newOrderStatus == '2011'" class="btn-primary btn-custom" @tap.stop.prevent="decliningOrder">拒绝订单</button>

				<button v-if="details.newOrderStatus == '3010'" class="btn-primary btn-default" @tap.stop.prevent="onCode">获取见面码</button>

				<button v-if="details.newOrderStatus == '3030'" class="btn-primary btn-default" @tap.stop.prevent="onPayment">确认结束</button>
				<button v-if="details.newOrderStatus == '6010' && details.commentState == 1" class="btn-primary btn-default"
					@tap.stop.prevent="onAppraise(details.orderId)">评价</button>

				<button v-if="details.newOrderStatus == '2011'" class="btn-primary btn-default" @tap.stop.prevent="acceptingOrder">接受订单</button>

				<button v-if="details.newOrderStatus == '3011'" class="btn-primary btn-default" @tap.stop.prevent="onScanCode">扫见面码</button>

			</view>
			<!-- 通用 -->
			<uv-popup ref="popup" bgColor="none">
				<view class="make-phone" v-if="popupId == 'phone'">
					<view class="title">110报警</view>
					<view class="content">确认报警？遇到危险，请向警方求助，谎报警情将依法承担法律责任</view>
					<view class="btn" @tap.stop.prevent="callPolice">呼叫110</view>
				</view>
				<view class="hitePop" v-if="popupId == 'hint'">
					<view class="top">
						<image class="close" src="https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/share/closeicon30.png" mode="widthFix"
							@tap="closePop" />
					</view>
					<view class="title">温馨提示</view>
					<view class="content">建议双方提前协商额外费用支出问题，避免产生不必要的纠纷</view>
				</view>
				<view class="hitePop" v-if="popupId == 'reject'">
					<view class="top">
						<image class="close" src="https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/share/closeicon30.png" mode="widthFix"
							@tap="closePop" />
					</view>
					<view class="title">拒绝理由</view>
					<view class="content">{{details.reviewComments}}</view>
				</view>

				<view v-if="popupId == 'sign'">
					<reminder title='取消订单' value="确认取消？当前碰头人暂未接单，取消后钱款将原路返回"
						image="https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/empty/tc1.png">
						<view class="signPop">
							<button class="btn-primary btn-custom" @tap.stop.prevent="closePop">暂不取消</button>
							<button class="btn-primary btn-default" @tap.stop.prevent="onCancellationOorder">确认取消</button>
						</view>
					</reminder>
				</view>

				<view v-if="popupId == 'accept'">
					<reminder title='接受订单' value="确认接受？接受订单后，随意取消订单，平台将作出相应处罚措施。详见" value2="若后续时间地点有修改，您可以直接通过下方“联系对方”协商。" file="《平台交易纠纷处理机制》"
						image="https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/empty/tc3.png">
						<view class="signPop">
							<button class="btn-primary btn-custom" @tap.stop.prevent="closePop">取消</button>
							<button class="btn-primary btn-default" @tap.stop.prevent="onAcceptingOrder">确认接受</button>
						</view>
					</reminder>
				</view>

				<view v-if="popupId == 'end'">
					<reminder title='结束订单' value="确认结束？确认结束代表您认同服务已完成"
						image="https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/empty/tc3.png">
						<view class="signPop">
							<button class="btn-primary btn-custom" @tap.stop.prevent="closePop">取消</button>
							<button class="btn-primary btn-default" @tap.stop.prevent="endOrder">确认</button>
						</view>
					</reminder>
				</view>



			</uv-popup>
			<!-- 拒绝订单 -->
			<uv-popup ref="popupBottom" mode="bottom" round="20">
				<view class="popup-bottom">
					<view class="header">
						<view class="title">拒绝订单</view>
						<view class="close" @tap="closeBottomPop"><text class="dy-iconfont icon-a-bianzu69"></text>
						</view>
					</view>
					<view class="dashedBorder">
						<uv-textarea :cursor-spacing="cursorSpacing" :always-embed="true" height="280rpx" v-model="decliningValue" :maxlength="500"
							placeholder="请输入拒绝理由(必填)若您的时间地点冲突，建议您先与对方沟通协调，直接拒绝订单将可能导致流失优质客户。"
							placeholder-style="font-size: 28rpx; font-weight: 400; color: #999B9B;"
							customStyle="border:none; box-sizing: border-box;padding: 22rpx 12rpx;font-size: 28rpx; border-radius: 20rpx;"></uv-textarea>
					</view>
					<view class="signPop">
						<button class="btn-primary btn-custom" @tap.stop.prevent="closeBottomPop">取消</button>
						<button class="btn-primary btn-default" @tap.stop.prevent="onDecliningOrder">确认</button>
					</view>
				</view>
			</uv-popup>
			<!-- 见面码 -->
			<uv-popup ref="popupBottomCode" mode="bottom" round="20" bgColor="none" :safeAreaInsetBottom="false">
				<view class="popup-bottom-code" v-if="QR_code">
					<view class="header">
						<view class="title"></view>
						<view class="close" @tap="closeBottomPopCode"><text class="dy-iconfont icon-a-bianzu69"></text>
						</view>
					</view>
					<view class="popup-bottom-content">
						<view class="content1">见面码</view>
						<view class="content2">请在双方碰头时出示见面码</view>
						<view class="code-box">
							<view class="code-box-header">
								<view class="code-time">
									<view class="tit">碰头日期</view>
									<view class="data">{{QR_code.meetDay}}</view>
								</view>
								<view class="fg"></view>
								<view class="code-time">
									<view class="tit">碰头时间</view>
									<view class="data">{{QR_code.meetTime}}</view>
								</view>
							</view>
							<view class="ewm-code">
								<image class="QR_code" :src="QR_code.fileUrl" mode=""></image>
							</view>
						</view>
						<view class="code-box-header code-box-bottom">
							<view class="code-time">
								<view class="tit">服务类型</view>
								<view class="data">{{QR_code.categoryName}}</view>
							</view>
							<view class="fg"></view>
							<view class="code-time">
								<view class="tit">服务时长</view>
								<view class="data">{{QR_code.serviceType=='0'?QR_code.orderDuration+"小时":"一次"}}</view>
							</view>
						</view>
					</view>
				</view>
			</uv-popup>
			<!-- 碰头成功（碰头人） -->
			<uv-popup ref="popupSucceed" bgColor="none">
				<view class="popup-succeed">
					<view class="close" @tap="closeSucceedPop">
						<text class="dy-iconfont icon-a-bianzu69"></text>
					</view>
					<image class="scan-code2" mode="widthFix" src="https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order/scan-code2.png">
					</image>
					<view class="content-box">
						<image class="scan-code1" src="https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order/scan-code1.png">
						</image>
						<view class="title">碰头成功</view>
						<view class="con" style="margin-bottom: 36rpx;">
							<text style="text-indent: 60rpx; display: inline-block;">服务结束后，您可邀请对方点击下方</text>
							<text class="btn-primary btn-over">确认结束</text>
							<text>按钮，主动确认结束。若对方未主动确认，见面24小时后订单将自动结束。订单结束后，钱款将汇入您的钱包。</text>
						</view>
						<!-- <view class="con">若对方有加时需求，您可邀请对方在订单页面追加金额，平台承诺追加的金额不收取任何服务费。</view> -->
						<view class="con" style="text-indent: 60rpx;">期间订单有任何问题，请及时联系客服处理。</view>
						<button class="btn-primary" style="margin-top: 90rpx;" @tap.stop.prevent="closeSucceedPop">我知道了</button>
					</view>
				</view>
			</uv-popup>
			<!--  碰头成功（用户）-->
			<uv-popup ref="popupUserTpi" bgColor="none">
				<view class="popup-succeed">
					<view class="close" @tap="closePopupUserTpi">
						<text class="dy-iconfont icon-a-bianzu69"></text>
					</view>
					<image class="scan-code2" mode="widthFix" src="https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order/scan-code2.png">
					</image>
					<view class="content-box">
						<image class="scan-code1" src="https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order/scan-code1.png">
						</image>
						<view class="title">碰头成功</view>

						<view class="con" style="margin-bottom: 36rpx;">
							<text style="text-indent: 40rpx; display: inline-block;">服务结束后，您可点击下方</text>
							<text class="btn-primary btn-over">确认结束</text>
							<text>按钮，主动确认结束。若您未主动确认，见面24小时后订单将自动结束。</text>
						</view>

						<view class="con" style="text-indent: 60rpx;">期间订单有任何问题，请及时联系客服处理。</view>
						<button class="btn-primary" style="margin-top: 90rpx;" @tap.stop.prevent="closePopupUserTpi">我知道了</button>
					</view>
				</view>
			</uv-popup>
			<!-- 引导 -->
			<uv-popup ref="popupGuidance" bgColor="none" mode="bottom" @maskClick="maskClick">
				<view class="popup-guidance">
					<view class="remind" @tap="remindClick">不再提醒</view>
					<view class="Guidance">{{guidance}}</view>
				</view>
			</uv-popup>
		</view>
		<survey-pop></survey-pop>
		<uv-toast ref="toast"></uv-toast>
		<uv-modal ref="modal" :title="modalTitle" :content='modalContent' @confirm="confirm"></uv-modal>
	</view>
</template>

<script>
	import mp from "@/mixins/mp.js";
	import throttle from '@/uni_modules/uv-ui-tools/libs/function/throttle.js';
	import {
		guid
	} from '@/uni_modules/uv-ui-tools/libs/function/index.js';
	const app = getApp();
	import {
		QueryCodeState,
		ConfirmMyOrder
	} from "@/utils/requset/api.js";
	export default {
		mixins: [mp],
		options: {
			styleIsolation: 'shared'
		}, //解决/deep/不生效**
		components: {},
		data() {
			return {
				navBarOpacity: 0, //标题图标距离顶部距离
				scrollTop: 0.5, //页面滚动高度
				navBarTop: 0, // 导航栏content顶部m-top
				pageTitle: '订单详情', //标题
				modalTitle: '',
				modalContent: '',
				decliningValue: '',
				loading: false,
				orderId: null,
				userStatus: null,
				details: null,
				isT: 0,
				cursorSpacing: 600,
				popupId: 'phone',
				timeId: null,
				headers: {
					image: '',
					title: '',
					brief: '',
				},
				detailsList: [{
					name: '订单编号',
					value: null,
					id: 'orderSn',
					serviceType: 0,
					isShow: true
				}, {
					name: '创建时间',
					value: null,
					id: 'createTime',
					serviceType: 0,
					isShow: true
				}, {
					name: '碰头时间',
					value: null,
					id: 'pengStartTime',
					serviceType: 0,
					isShow: true
				}, {
					name: '服务时长',
					value: null,
					id: 'orderDuration',
					serviceType: 0,
					isShow: true
				}, {
					name: '服务类型', //----------
					value: null,
					id: 'categoryName',
					serviceType: 0,
					isShow: true
				}, {
					name: '碰头地址', //----------
					value: null,
					id: 'addresStr',
					serviceType: 0,
					isShow: true
				}, {
					name: '服务单价', //----------
					value: null,
					id: 'pengActualPrice',
					serviceType: 0,
					isShow: true
				}, {
					name: '订单金额',
					value: null,
					id: 'orderPrice',
					serviceType: 0,
					isShow: true
				}, {
					name: '优惠金额',
					value: null,
					id: 'couponPrice',
					serviceType: 0,
					isShow: true
				}, {
					name: '实付金额',
					value: null,
					id: 'actualPrice',
					serviceType: 0,
					isShow: true
				}, {
					name: '实收金额',
					value: '',
					id: 'splitAmount',
					serviceType: 0,
					isShow: true
				}, {
					name: '平台服务费',
					value: '15%',
					id: 'splitRate',
					serviceType: 0,
					isShow: true
				}, {
					name: '订单备注',
					value: null,
					id: 'userRemark',
					serviceType: 0,
					isShow: true
				}],
				QR_code: null,
				randomContent: null,
				endRequsetFlag: true, // 结束订单的开关 请求未返回结果时无法重复请求
				guidance: '', //提示文字
				// noticeBar: []
			};
		},
		/**
		 * 计算属性
		 */
		computed: {},
		onLoad(options) {
			this.orderId = options.id
			this.userStatus = options.status == 'place' ? 0 : 1
			this.$set(this.detailsList[8], 'isShow', this.userStatus == 0)
			this.$set(this.detailsList[10], 'isShow', this.userStatus == 1)
			this.$set(this.detailsList[11], 'isShow', this.userStatus == 1)
			this.isT = options.isT ? options.isT : 0
			this.randomContent = options.randomContent
			this.getOrderDetails()
			if (this.isT == 5) {
				this.onScanCodeMeet()
			}
		},
		onShow: function() {
			switch (uni.getSystemInfoSync().platform) {
				case 'android':
					this.cursorSpacing = 219
					break;
				case 'ios':
					this.cursorSpacing = 600
					break;
			}
		},
		/**
		 * 下拉
		 */
		onPullDownRefresh: function() {
			this.getOrderDetails()
		},
		/**
		 * 触底
		 */
		onReachBottom() {},
		/**
		 * 滚动
		 */
		onPageScroll(res) {
			this.scrollTop = res.scrollTop;
		},
		// 在页面销毁时停止轮询
		destroyed() {
			this.stopPolling();
		},
		onUnload() {
			this.stopPolling();
		},
		// onHide(){
		// 	this.stopPolling();
		// },
		methods: {
			goLogin() {
				app.doLogin()
			},
			initNavigation(e) {
				this.navBarOpacity = e.opacity;
				this.navBarTop = e.top;
			},
			//获取用户详情
			getOrderDetails() {
				return new Promise((resolve, reject) => {
					app._get(
						"/client/order/detail?orderId=" + this.orderId, null,
						(result) => {
							let details = result.data
							let status = details.orderStatus + '' + this.userStatus
							this.getOrderStatus(status)
							let address = details.address
							// let orderText = this.getOrderStatus(status)
							// this.noticeBar.push(orderText)
							// this.noticeBar.push('若时间地点有修改，以双方协商为准')
							// this.$set(details, 'orderText', orderText)
							this.$set(details, 'newOrderStatus', status)
							this.$set(details, 'categoryName', details.orderCategory.categoryName)
							this.$set(details, 'addresStr', address)
							this.$set(details, 'pengActualPrice', details.orderCategory.pengActualPrice)
							this.$set(details, 'orderDuration', Math.trunc(details.orderDuration) + '小时')
							this.detailsList.forEach((item, index) => {
								if (item.id in details) {
									this.$set(this.detailsList[index], 'value', details[item.id])
								}
								if (index == 3) {
									this.$set(this.detailsList[index], 'serviceType', details
										.orderCategory.serviceType)
								}
								if (index == 11) {
									console.log(this.detailsList[index]);
									this.$set(this.detailsList[index], 'value', this.detailsList[index].value * 100 + '%')
								}
							})
							let guidance = uni.getStorageSync('guidance');
							let guidanceId = uni.getStorageSync('guidanceId');
							if (guidance !== 0 && guidance !== 1) {
								guidance = 3
							}
							if (status == '3010' && guidance != 0 && guidanceId != details.orderId) {
								setTimeout(() => {
									this.guidance = '为保障您消费权益，请在见面时将【见面码】展示给对方扫一扫～'
									this.$refs.popupGuidance.open();
								}, 200)
							}
							if (status == '3011' && guidance != 1 && guidanceId != details.orderId) {
								setTimeout(() => {
									this.guidance = '为保障您的权益，请在见面时扫描对方的见面码以确认服务开始～'
									this.$refs.popupGuidance.open();
								}, 200)
							}
							this.details = details
							uni.stopPullDownRefresh();
						}, null, () => {
							this.loading = true
							uni.stopPullDownRefresh();
							resolve();
						}
					);
				});
			},
			maskClick() {
				uni.setStorageSync('guidance', 3);
				uni.setStorageSync('guidanceId', this.orderId);
			},
			remindClick() {
				uni.setStorageSync('guidance', this.userStatus);
				uni.setStorageSync('guidanceId', this.orderId);
				this.$refs.popupGuidance.close();
			},
			goAddres(details, item) {
				if (item.id != "addresStr") {
					return
				}

				if (details.pengLatitude && details.pengLongitude) {
					wx.openLocation({
						latitude: Number(details.pengLatitude),
						longitude: Number(details.pengLongitude),
						scale: 18,
						name: details.address
					})
				}
			},
			getOrderStatus(status) {
				switch (status) {
					case '1010':
						// 订单生成，未支付
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-1.png'
						this.headers.title = '订单待支付'
						this.headers.brief = ''
						break;
					case '2010':
						// 下单成功！待碰头人接单
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-3.png'
						this.headers.title = '下单成功！待碰头人接单'
						this.headers.brief = ''
						break;
					case '3010':
						// 支付完成，碰头人已接单
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-1.png'
						this.headers.title = '订单进行中～'
						this.headers.brief = ''
						break;
					case '3020':
					case '3030':
						// 支付完成，碰头人已接单 扫码
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-1.png'
						this.headers.title = '订单进行中～'
						this.headers.brief = ''
						break;
					case '6010':
						// 订单完成
						// return '订单已完成，评价得奖励'
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-1.png'
						this.headers.title = '订单已完成'
						this.headers.brief = ''
						break;
					case '1020':
						// 下单未支付用户取消
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-2.png'
						this.headers.title = '订单已取消！'
						this.headers.brief = '您已取消订单，钱款将原路退回'
						break;
					case '2060':
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-2.png'
						this.headers.title = '订单已取消！'
						this.headers.brief = '碰头人拒绝接单,钱款将原路返回'
						break;
					case '2030':
						// 支付完成，碰头人未接受超时系统自动取消
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-2.png'
						this.headers.title = '订单已取消！'
						this.headers.brief = '您已取消订单，钱款将原路退回'
						break;
					case '2020':
						// 订单生成，已付款碰头人未接受
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-2.png'
						this.headers.title = '订单已取消！'
						this.headers.brief = '您已取消订单，钱款将原路退回'
						break;
					case '2050':
						// 订单生成，用户申请退款
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-2.png'
						this.headers.title = '订单已取消！'
						this.headers.brief = '您已取消订单，钱款将原路退回'
						break;
					case '1030':
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-2.png'
						this.headers.title = '订单已取消！'
						this.headers.brief = '订单超时已取消'
						// 下单未支付超期系统自动取消
						break;
					case '4010':
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-1.png'
						this.headers.title = '部分退款'
						this.headers.brief = ''
						break;
					case '4020':
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-1.png'
						this.headers.title = '全部退款'
						this.headers.brief = ''
						break;
						// -----------------------------------------碰头人
					case '2011':
						// 下单成功！待碰头人接单
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-3.png'
						this.headers.title = '待您接单'
						this.headers.brief = ''
						break;
					case '3011':
						// 支付完成，碰头人已接单
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-1.png'
						this.headers.title = '订单进行中～'
						this.headers.brief = ''
						break;
					case '3031':
						// 支付完成，碰头人已接单
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-1.png'
						this.headers.title = '订单进行中～'
						this.headers.brief = ''
						break;
					case '6011':
						// 订单完成
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-1.png'
						this.headers.title = '订单已完成'
						this.headers.brief = '订单金额将汇入您的钱包'
						break;
					case '2031':
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-2.png'
						this.headers.title = '订单已取消！'
						this.headers.brief = '订单超时已取消'
						break;
					case '2061':
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-2.png'
						this.headers.title = '订单已取消！'
						this.headers.brief = '您已拒绝接单，订单已取消'
						break;
					case '2021':
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-2.png'
						this.headers.title = '订单已取消！'
						this.headers.brief = '用户已取消订单'
						break;
					case '2051':
						// 订单生成，用户申请退款
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-2.png'
						this.headers.title = '订单已取消！'
						this.headers.brief = '用户已取消订单'
						break;
					case '2040':
					case '2041':
						// 管理员执行退款操作，确认退款成功
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-2.png'
						this.headers.title = '订单已取消！'
						this.headers.brief = ''
						break;
					case '4011':
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-1.png'
						this.headers.title = '部分退款'
						this.headers.brief = ''
						break;
					case '4021':
						this.headers.image =
							'https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-1.png'
						this.headers.title = '全部退款'
						this.headers.brief = ''
						break;
				}
			},
			callPolicePop() {
				this.popupId = 'phone'
				this.$refs.popup.open();
			},
			copy(value) {
				uni.setClipboardData({
					data: value + '',
					success: function() {
						//调用方法成功
						console.log('success');
					}
				})
			},

			showTip() {
				this.popupId = 'hint'
				this.$refs.popup.open();
			},
			onReject() {
				this.popupId = 'reject'
				this.$refs.popup.open();
			},
			closePop() {
				this.$refs.popup.close();
			},
			closeBottomPop() {
				this.$refs.popupBottom.close();
			},
			callPolice() {
				uni.makePhoneCall({
					phoneNumber: "110",
					success() {
						console.log("拨打成功")
					},
					fail() {
						console.log("拨打失败")
					}
				})
			},
			cancellationOorder() {
				this.popupId = 'sign'
				this.$refs.popup.open();
			},
			onCancellationOorder() {
				let that = this
				that.$refs.toast.show({
					type: 'loading',
				})
				throttle(app._post_form(
					"/client/order/cancel-order", this.details.orderId,
					(result) => {
						if (result.data) {
							this.$refs.toast.show({
								type: 'success',
								message: "订单已取消"
							})
							this.getOrderDetails()
							setTimeout(() => {
								this.$refs.toast.hide()
							}, 1000)
						} else {
							this.modalTitle = '提示'
							this.modalContent = '订单取消失败，请联系客服处理。'
							this.$refs.modal.open();
						}
						this.closePop()
					}, null, () => {
						that.$refs.toast.hide()
					}
				), 1000, true)
			},
			acceptingOrder() {
				this.popupId = 'accept'
				this.$refs.popup.open();
			},
			decliningOrder() {
				this.$refs.popupBottom.open();
			},

			onDecliningOrder() {
				let that = this

				if (!that.decliningValue) {
					that.$refs.toast.show({
						type: 'default',
						message: "请输入拒绝理由(必填)"
					})
					setTimeout(() => {
						that.$refs.toast.hide()
					}, 1000)
					return
				}
				that.$refs.toast.show({
					type: 'loading',
				})
				throttle(app._post_form(
					"/client/order/receive-order", {
						orderId: that.details.orderId,
						receiveState: 0,
						rejectReason: that.decliningValue
					},
					(result) => {
						setTimeout(() => {
							that.$refs.toast.show({
								type: 'success',
								message: "已拒绝订单"
							})
							that.getOrderDetails()
							setTimeout(() => {
								that.$refs.toast.hide()
							}, 1000)
						}, 200)
						// if (result.data) {

						// } else {
						// 	this.modalTitle = '提示'
						// 	this.modalContent = '订单取消失败，请联系客服处理。'
						// 	this.$refs.modal.open();
						// }
						that.closeBottomPop()
					}, null, () => {
						that.$refs.toast.hide()
					}
				), 1000, true)
			},
			onAcceptingOrder() {
				let that = this
				that.$refs.toast.show({
					type: 'loading',
				})
				throttle(app._post_form(
					"/client/order/receive-order", {
						orderId: that.details.orderId,
						receiveState: 1
					},
					(result) => {
						setTimeout(() => {
							that.$refs.toast.show({
								type: 'success',
								message: "订单已接受"
							})
							that.getOrderDetails()
							setTimeout(() => {
								that.$refs.toast.hide()
							}, 1000)
						}, 200)
						// if (result.data) {

						// } else {
						// 	this.modalTitle = '提示'
						// 	this.modalContent = '订单取消失败，请联系客服处理。'
						// 	this.$refs.modal.open();
						// }
						that.closePop()
					}, null, () => {
						that.$refs.toast.hide()
					}
				), 1000, true)
			},
			contactHim(userId) {
				uni.navigateTo({
					url: "/page_chat/chat/chat?conversationID=C2C" + userId
				})
			},
			onAppraise(orderId) {
				uni.navigateTo({
					url: '/page_community/send/appraise?id=' + orderId
				})
			},
			closeBottomPopCode() {
				this.stopPolling();
				this.$refs.popupBottomCode.close();
			},
			// 轮询开始
			startPolling() {
				if (this.timeId !== null) {
					return
				}
				this.timeId = setInterval(() => {
					QueryCodeState({
						data: this.orderId,
						errCallBack: this.startPolling
					}).then((res) => {
						if (res.code === 0 || res.code === 200) {
							if (res.data === 1) {
								// this.stopPolling();
								this.closeBottomPopCode();
								this.getOrderDetails();
								this.$refs.popupUserTpi.open();
							}
						} else {
							this.stopPolling();
						}
						console.log("轮询扫描结果", res);
					}).catch(() => {
						this.stopPolling();
					})
				}, 5000);
			},
			// 停止轮询
			stopPolling() {
				clearInterval(this.timeId);
				this.timeId = null;
			},

			onCode() {
				let that = this
				that.$refs.toast.show({
					type: 'loading',
				})
				that.randomContent = guid(8)
				let path = '/page_sharing/order/details?id=' + that.details.orderId +
					'&status=receiv&isT=5&randomContent=' + that.randomContent
				throttle(app._post_form(
					"/client/order-meet/my-code", {
						envVersion: 'release',
						orderId: that.details.orderId,
						path: path,
						randomContent: that.randomContent
					},
					(result) => {
						that.$refs.toast.hide()
						setTimeout(() => {
							that.QR_code = result.data
							that.$refs.popupBottomCode.open();
							that.startPolling();
						}, 500)
					}, null, () => {
						that.$refs.toast.hide()
					}
				), 1000, true)
				// wx.scanCode({
				// 	success(res) {
				// 		console.log(res)
				// 	}
				// })
			},
			onScanCodeMeet() {
				let that = this
				app._post_form(
					"/client/order-meet/scan-code", {
						orderId: that.details.orderId,
						randomContent: that.randomContent
					},
					(result) => {
						this.getOrderDetails()
						that.$refs.popupSucceed.open();
					}, null, () => {}
				)
			},
			onScanCode() {
				let that = this
				wx.scanCode({
					success(res) {
						console.log(res, that.getQueryVariable(res.path));
						let options = that.getQueryVariable(res.path)
						that.orderId = options.id
						that.userStatus = options.status == 'place' ? 0 : 1
						that.isT = options.isT ? options.isT : 0
						that.randomContent = options.randomContent
						that.onScanCodeMeet()
					}
				})
			},
			getQueryVariable(href) {
				let query = href.substring(href.indexOf('?') + 1);
				let vars = query.split("&");
				let obj = {}
				for (var i = 0; i < vars.length; i++) {
					let pair = vars[i].split("=");
					obj[pair[0]] = pair[1]
				}
				return obj;
			},
			closePopupUserTpi() {
				this.$refs.popupUserTpi.close();
			},
			closeSucceedPop() {
				this.$refs.popupSucceed.close();
			},

			onPayment() {
				this.popupId = "end";
				this.$refs.popup.open();

			},
			// 用户确认结束订单
			endOrder() {
				if (!this.endRequsetFlag) {
					// this.$refs.toast.hide();
					uni.showModal({
						title: "提示",
						content: "正在处理中请勿频繁操作",
						showCancel: false,
					})
					return
				}
				this.$refs.toast.show({
					type: 'loading',
				});
				this.endRequsetFlag = false;
				ConfirmMyOrder({
					data: this.orderId
				}).then((res) => {
					this.endRequsetFlag = true;
					this.$refs.toast.hide();
					if (res.code === 0 || res.code === 200) {
						this.closePop();
						this.getOrderDetails();
					}
				}).catch(() => {
					this.endRequsetFlag = true;
					this.$refs.toast.hide();
				})
			},
			clickHead(e) {
				let id = this.userStatus == 0 ? this.details.receiveUserId : this.details.userId
				app.navigationTo('page_sharing/accompany/details?id=' + id + '&from=1')
			},
			// 返回上一页
			goBack: function(url) {
				console.log(this.isT);
				if (url && this.isT == 0) {
					app.navigationTo(url)
				} else if (this.isT == 2) {
					app.navigationTo('page_user/order/place')
				} else if (this.isT == 3) {
					app.navigationTo('pages/user/index')
				} else if (this.isT == 5) {
					app.navigationTo('page_user/order/receiv')
				} else {
					app.beNavigateBack();
				}
			},
		}
	};
</script>
<style lang="scss" scoped>
	.container {
		min-height: 100vh;
		background: #F6F8F7;
		background-image: url("https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/index/basic-bg.png");
		background-repeat: no-repeat;
		background-size: 100% 640rpx;
		box-sizing: border-box;
		// padding-bottom: 150rpx;

		.tui-header {
			width: 100%;
			position: fixed;
			top: 0;
			padding: 0 42rpx;
			display: flex;
			align-items: center;
			height: 32px;
			transform: translateZ(0);
			z-index: 99999;
			box-sizing: border-box;

			.get-back {
				flex-shrink: 0;
				width: 36rpx;
				height: 36rpx;
				color: #000;
				font-size: 36rpx;
				padding: 2rpx 40rpx 2rpx 2rpx;
			}
		}

		.main {
			box-sizing: border-box;
			// min-height: 100vh;
			padding: 176rpx 24rpx 150rpx;
			padding-bottom: calc(constant(safe-area-inset-bottom));
			padding-bottom: calc(env(safe-area-inset-bottom));

			&.main-foot {
				padding-bottom: calc(constant(safe-area-inset-bottom) + 150rpx);
				padding-bottom: calc(env(safe-area-inset-bottom) + 150rpx);
			}

			.call-police {
				width: 100%;
				height: 240rpx;
				border-radius: 20rpx;
				background-image: url("https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order/call-police.png");
				background-repeat: no-repeat;
				background-size: 100%;
				margin-bottom: 16rpx;
				box-sizing: border-box;
				padding: 28rpx 210rpx 18rpx 28rpx;
				font-size: 22rpx;
				font-weight: 400;
				color: #396DE8;
				line-height: 40rpx;

				.btn-call-police {
					width: 148rpx;
					height: 58rpx;
					background: #FEFFFE;
					border-radius: 20rpx;
					border: 2rpx solid #C5D3F3;
					font-size: 22rpx;
					font-weight: 400;
					color: #2858AB;
					line-height: 58rpx;
					margin-top: 16rpx;
				}
			}

			.content-component {
				box-sizing: border-box;
				padding: 32rpx 24rpx;
				border-radius: 20rpx;
				background: #FFFFFF;

				&.notice-bar {
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-bottom: 16rpx;
					height: 178rpx;
					border-radius: 12rpx;
					padding: 36rpx 28rpx;
					box-sizing: border-box;
					background-image: url("https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order-header-bg.png");
					background-repeat: no-repeat;
					background-size: 100%;

					.notice-icon {
						width: 85rpx;
						height: 85rpx;
						margin-right: 19rpx;
						flex-shrink: 0;
					}

					.text-box {
						height: 100%;
						display: flex;
						justify-content: space-around;
						flex-direction: column;
						flex: 1;

						.title {
							font-size: 32rpx;
							font-weight: 900;
							color: #1E1F1F;
							line-height: 46rpx;
						}

						.brief {
							font-size: 26rpx;
							font-weight: 400;
							color: #222222;
							line-height: 44rpx;
						}
					}

					.check-cause {
						width: 142rpx;
						height: 58rpx;
						flex-shrink: 0;
						background: #FFFFFF;
						border-radius: 29px;
						border: 2rpx solid #6D9E15;
						backdrop-filter: blur(5rpx);
						font-size: 26rpx;
						font-weight: 900;
						color: #6D9E15;
						line-height: 58rpx;
						text-align: center;
					}
				}

				&.notice-bar-duan {
					height: 102rpx;
					padding: 14rpx 28rpx;

					.text-box {
						justify-content: center;
					}

					.notice-icon {
						width: 74rpx;
						height: 74rpx;
					}
				}

				.order-title {
					font-size: 30rpx;
					font-weight: 900;
					color: #1E1F1F;
					line-height: 44rpx;
					width: 70%;
					display: flex;
					align-items: center;

					.name {
						display: inline-block;
						max-width: 60%;
					}
				}

				.order-list {
					.order-item {
						width: 100%;
						margin-top: 36rpx;
						display: flex;
						justify-content: space-between;
						align-items: flex-start;

						.title {
							font-size: 28rpx;
							font-weight: 400;
							color: #282D2D;
							line-height: 44rpx;
							flex-shrink: 0;
							margin-right: 20rpx;
						}

						.value-box {
							// flex: 1;
							// text-align: right;
							font-size: 28rpx;
							font-weight: 400;
							color: #999B9B;
							line-height: 44rpx;

							.copy {
								margin-left: 12rpx;
								color: #222222;
							}

							&.pengActualPrice {
								color: #282D2D;
								font-weight: 900;
							}

							&.orderPrice,
							&.couponPrice,
							&.actualPrice,
							&.splitAmount {
								color: #FF4664;
								font-weight: 900;
							}

							.value {}
						}
					}
				}

				.btn-contact {
					width: 144rpx;
					height: 58rpx;
					line-height: 58rpx;
					border: 2rpx solid #7B867F;
					color: #999B9B;
					background: #FFFFFF;
					border-radius: 20rpx;
					font-size: 26rpx;
					font-weight: 900;
					color: #999B9B;
					margin-top: 36rpx;
					margin-left: auto;
				}
			}

			.foot-info {
				width: 100%;
				height: 120rpx;
				display: flex;
				align-items: center;
				justify-content: flex-end;
				position: relative;
				box-shadow: 0px 0 19rpx 0px rgba(198, 204, 202, 0.56);
				background: #FFFFFF;
				position: fixed;
				left: 0;
				bottom: 0;
				padding-bottom: constant(safe-area-inset-bottom);
				padding-bottom: env(safe-area-inset-bottom);
				box-sizing: content-box !important;

				.btn-primary {
					text-align: center;
					font-size: 26rpx;
					flex-shrink: 0;
					width: 180rpx;
					height: 78rpx;
					line-height: 78rpx;
					margin-right: 16rpx;
				}

				.btn-custom {
					border: 2rpx solid #7B867F;
					color: #999B9B;
					background: #FFFFFF;
				}

				.btn-default {
					font-weight: 900;
				}
			}

			.make-phone {
				width: 626rpx;
				height: 537rpx;
				background: #FFFFFF;
				background-image: url("https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order/call_bg.png");
				background-repeat: no-repeat;
				background-size: 100%;
				border-radius: 80rpx;
				box-sizing: border-box;
				padding: 114rpx 56rpx 72rpx;

				.title {
					font-size: 40rpx;
					font-weight: 900;
					color: #FF4664;
					line-height: 56rpx;
					margin-bottom: 38rpx;
				}

				.content {
					font-size: 26rpx;
					font-weight: 400;
					color: #FF4664;
					line-height: 37rpx;
					margin-bottom: 103rpx;
				}

				.btn {
					width: 520rpx;
					height: 80rpx;
					background: #FF4664;
					border-radius: 20rpx;
					font-size: 26rpx;
					font-weight: 900;
					color: #FFFFFF;
					line-height: 80rpx;
					text-align: center;
				}
			}

			.hitePop {
				border-radius: 80rpx;
				background-color: #fff;
				box-sizing: border-box;
				width: 644rpx;
				padding: 40rpx 60rpx 80rpx 60rpx;
				text-align: center;

				.top {
					text-align: right;
					font-size: 0;

					.close {
						width: 26rpx;
					}
				}

				.title {
					font-size: 33rpx;
					font-weight: 900;
					color: #282D2D;
					margin-bottom: 40rpx;
				}

				.content {
					text-align: left;
					font-size: 26rpx;
				}
			}

			.signPop {
				display: flex;
				justify-content: space-between;
				align-items: center;

				.btn-primary {
					text-align: center;
					font-size: 26rpx;
					flex-shrink: 0;
					width: 240rpx;
					height: 80rpx;
					line-height: 80rpx;
				}

				.btn-custom {
					border: 2rpx solid #7B867F;
					color: #999B9B;
					background: #FFFFFF;
				}
			}

			.popup-bottom {
				box-sizing: border-box;
				padding: 48rpx 48rpx 0;
				padding-bottom: 16rpx;
				padding-bottom: 16rpx;
				background: #FFFFFF;
				border-radius: 40rpx 40rpx 0px 0px;

				.header {
					display: flex;
					align-items: center;
					justify-content: space-between;
					box-sizing: border-box;
					padding-bottom: 39rpx;

					.title {
						font-size: 32rpx;
						font-weight: 900;
						color: #282D2D;
						line-height: 45rpx;
					}

					.close {
						font-size: 22rpx
					}
				}

				.dashedBorder {
					border: 2rpx solid #999B9B;
					border-radius: 20rpx;
				}

				.signPop {
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin-top: 36rpx;

					.btn-primary {
						text-align: center;
						font-size: 32rpx;
						flex-shrink: 0;
						width: calc((100% - 24rpx) / 2);
						height: 102rpx;
						line-height: 102rpx;
					}

					.btn-custom {
						border: 2rpx solid #7B867F;
						color: #999B9B;
						background: #FFFFFF;
					}
				}

			}

			.popup-bottom-code {
				height: 1258rpx;
				border-radius: 80rpx 80rpx 0px 0px;
				box-sizing: border-box;
				background-image: url("https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order/ewm.png");
				background-repeat: no-repeat;
				background-size: 100%;

				.header {
					display: flex;
					align-items: center;
					justify-content: space-between;
					box-sizing: border-box;
					padding-top: 51rpx;
					padding-right: 56rpx;

					.title {
						font-size: 32rpx;
						font-weight: 900;
						color: #282D2D;
						line-height: 45rpx;
					}

					.close {
						font-size: 22rpx
					}
				}

				.popup-bottom-content {
					display: flex;
					flex-direction: column;
					align-items: center;

					.content1 {
						font-size: 53rpx;
						font-weight: 900;
						color: #1E1F1F;
						line-height: 64rpx;
						margin: 23rpx 0 32rpx 0;
					}

					.content2 {
						font-size: 28rpx;
						font-weight: 400;
						color: #282D2D;
						line-height: 40rpx;
						margin-bottom: 73rpx;
					}

					.code-box-bottom {
						box-sizing: border-box;
						padding: 0 153rpx;
					}

					.code-box-header {
						width: 100%;
						display: flex;
						justify-content: space-between;
						align-items: center;

						.fg {
							width: 2rpx;
							height: 51rpx;
							background: #E3E9E5;
						}

						.code-time {

							.tit {
								font-size: 28rpx;
								font-weight: 400;
								color: #999B9B;
								line-height: 40rpx;
							}


							.data {
								font-size: 30rpx;
								font-weight: 400;
								color: #282D2D;
								line-height: 37rpx;
							}
						}
					}

					.code-box {
						width: 608rpx;
						height: 649rpx;
						background: #FFFFFF;
						box-shadow: 0px 0 12rpx 0px #BFEA72;
						border-radius: 40rpx;
						box-sizing: border-box;
						padding: 47rpx 70rpx 130rpx;
						display: flex;
						flex-direction: column;
						align-items: center;
						margin-bottom: 40rpx;

						.ewm-code {
							width: 315rpx;
							height: 315rpx;
							background-image: url("https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order/ewm-boder.png");
							background-repeat: no-repeat;
							background-size: 100%;
							margin-top: 69rpx;
							display: flex;
							align-items: center;
							justify-content: center;

							.QR_code {
								width: 267rpx;
								height: 267rpx;
							}
						}
					}
				}
			}

			.popup-succeed {
				// border: 2rpx solid red;
				height: 890rpx;
				width: 626rpx;
				box-sizing: border-box;
				padding-top: 137rpx;
				position: relative;

				.scan-code2 {
					position: absolute;
					top: 0;
					width: 626rpx;
					z-index: 8;
				}

				.close {
					position: absolute;
					top: 18rpx;
					right: 0;
					z-index: 9;
				}

				.content-box {
					width: 100%;
					height: calc(890rpx - 137rpx);
					background: linear-gradient(180deg, #F3FFCA 0%, #FFFFFF 40%, #FFFFFF 100%);
					border-radius: 80rpx;
					position: relative;
					box-sizing: border-box;
					padding: 68rpx 48rpx 0;
					z-index: 7;

					.scan-code1 {
						height: 104rpx;
						width: 104rpx;
						position: absolute;
						left: 50%;
						margin-left: -52rpx;
						top: -52rpx;
					}

					.title {
						font-size: 44rpx;
						font-weight: 900;
						color: #282D2D;
						line-height: 62rpx;
						margin-bottom: 28rpx;
						text-align: center;
					}

					.con {
						font-size: 28rpx;
						font-weight: 400;
						color: #282D2D;
						line-height: 54rpx;

						text {
							vertical-align: middle;
						}

						.btn-over {
							display: inline-block;
							font-size: 26rpx;
							box-sizing: border-box;
							padding: 0 19rpx;
							height: 54rpx;
							line-height: 54rpx;
							background: #565655;
							width: auto;
							vertical-align: middle;
							margin: 0 10rpx;
						}
					}
				}
			}

			.popup-guidance {
				box-sizing: border-box;
				padding-bottom: 100rpx;
				padding-left: 237rpx;

				.remind {
					width: 202rpx;
					height: 118rpx;
					box-sizing: border-box;
					padding: 53rpx 41rpx 28rpx 56rpx;
					background-image: url("https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order/guidance1.png");
					background-repeat: no-repeat;
					background-size: 100%;
					font-size: 26rpx;
					font-weight: 400;
					color: #FFFFFF;
					line-height: 37rpx;
					display: flex;
					align-items: center;
				}

				.Guidance {
					position: relative;
					width: 505rpx;
					height: 193rpx;
					box-sizing: border-box;
					padding: 59rpx 33rpx 60rpx 51rpx;
					background-image: url("https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/order/guidance2.png");
					background-repeat: no-repeat;
					background-size: 100%;
					font-size: 26rpx;
					font-weight: 400;
					color: #FFFFFF;
					line-height: 37rpx;
					margin-top: 15rpx;

					&::after {
						position: absolute;
						display: block;
						right: 43rpx;
						top: -90rpx;
						content: '';
						width: 150rpx;
						height: 150rpx;
						background: url('https://pengtou-1322587508.cos.ap-shanghai.myqcloud.com/static/images/empty/rz.png');
						background-repeat: no-repeat;
						background-size: cover;
						z-index: 10;
					}
				}
			}
		}
	}
</style>